home *** CD-ROM | disk | FTP | other *** search
/ PC World Komputer 2010 April / PCWorld0410.iso / redakcyjne / programy / Weather Watcher Live 6.1.23 / WWL6123.exe / {app} / Skins / Interface / Splendid / Skini.wwt < prev   
Text File  |  2009-11-15  |  57KB  |  671 lines
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2.  
  3. <HTML>
  4. <HEAD>
  5.     <LINK REL="stylesheet" TYPE="text/css" HREF="../../Includes/Splendid.css" />
  6.     <LINK REL="stylesheet" TYPE="text/css" HREF="../../Includes/NiceTitleAutoWidth.css" TYPE="text/css" />
  7.     <!--[if lt IE 7]>
  8.         <style type="text/css">
  9.         img, div {behavior: url("../../iepngfix.htc")}
  10.         </style>
  11.     <![endif]-->
  12. </HEAD>
  13.  
  14. <BODY ONLOAD="getWindowSize()" ONRESIZE="getWindowSize()">
  15.     <SCRIPT TYPE="text/javascript" SRC="../../Includes/NiceTitle.js"></SCRIPT>
  16.     <SCRIPT TYPE="text/javascript" SRC="../../Includes/DragDIV.js"></SCRIPT>
  17.     <SCRIPT TYPE="text/javascript" SRC="../../Includes/General.js"></SCRIPT>
  18.     <SCRIPT TYPE="text/javascript" SRC="../../Includes/Lightbox.js"></SCRIPT>
  19.     <SCRIPT TYPE="text/javascript" SRC="../../Includes/Splendid.js"></SCRIPT>
  20.     <SCRIPT TYPE="text/javascript" SRC="../../Includes/BlockF5.js"></SCRIPT>
  21.     <!--[if lt IE 7]>
  22.     <SCRIPT TYPE="text/javascript" SRC="../../Includes/iepngfix_tilebg.js"></SCRIPT> 
  23.     <![endif]-->
  24.     <SCRIPT TYPE="text/javascript"> 
  25.         var thermPercentage;
  26.         var plainTemp;
  27.         var pnHeight = 0;
  28.         var pnWidth = 0;
  29.         var bolIsIE8 = isIE8();
  30.                 
  31.         var gaugeBackgroundWidth;
  32.                 
  33.         if (bolIsIE8 == true)
  34.         {    gaugeBackgroundWidth = -13;
  35.         }
  36.         else
  37.         {    gaugeBackgroundWidth = -14;
  38.         }
  39.         
  40.         function getWindowSize()
  41.         {    if (bolIsIE8 == false)
  42.             {    pnHeight = -document.body.parentNode.offsetHeight%2;
  43.                 pnWidth = -document.body.parentNode.offsetWidth%2;
  44.             }
  45.         }
  46.         
  47.         function updateTemperature(currentTemp, currentTempPlain, tempHighPlain, feelsLikeTemp)
  48.         {    //************************************
  49.             //*  Declare & initialize variables  *
  50.             //************************************
  51.             var temp = currentTemp.replace("°","");
  52.             var tempPlain = currentTempPlain;
  53.             var tempArray = temp.split("/");
  54.             var tempDisplay = "N/A";
  55.             var tempUnit;
  56.             var tempLevel;
  57.             var tempMaxLevel;
  58.             
  59.             if (feelsLikeTemp == 'N/A') feelsLikeTemp = 'NA';
  60.             
  61.             plainTemp = tempPlain;
  62.             
  63.             //*************************************************************
  64.             //*  If multiple temp values are shown, grab the first value  *
  65.             //*************************************************************
  66.             if (tempArray.length > 0) temp = tempArray[0];
  67.             
  68.             //********************************************************************
  69.             //*  Figure out how many red/blue temperature guage bars to display  *
  70.             //********************************************************************
  71.             switch (temp) 
  72.             {    case "N":
  73.                     tempDisplay = "N/A";
  74.                     temp = "NA";
  75.                     thermPercentage = 0
  76.                     
  77.                     break;
  78.                 default:
  79.                     if (temp.indexOf("░F") > -1)
  80.                     {    tempUnit = "F";
  81.                         tempDisplay = temp.replace("F", "");
  82.                         temp = temp.replace("░F", "");
  83.                         
  84.                         tempLevel = parseInt(temp) + 20;
  85.                         tempMaxLevel = 140;
  86.                     }
  87.                     else if (temp.indexOf("░C") > -1)
  88.                     {    tempUnit = "C";
  89.                         tempDisplay = temp.replace("C", "");
  90.                         temp = temp.replace("░C", "");
  91.     
  92.                         tempLevel = parseInt(temp) + 20;
  93.                         tempMaxLevel = 70;
  94.                     }    
  95.                     
  96.                     //*************************************
  97.                     //*  Calculate the thermometer level  *
  98.                     //*************************************
  99.                     if (tempLevel < 0) 
  100.                         tempLevel = 0;
  101.                     else if (tempLevel > tempMaxLevel) 
  102.                         tempLevel = tempMaxLevel;
  103.                             
  104.                     thermPercentage = parseInt((tempLevel / tempMaxLevel) * 100);
  105.                     
  106.             }
  107.             
  108.             tempArray = feelsLikeTemp.split("/");
  109.             if (tempArray.length > 0) feelsLikeTemp = tempArray[0];
  110.             
  111.             document.getElementById("Therm-Bulb-Large-Digit").style.background = "url('../../Images/ThermDigits/Large/" + roundTemperature(temp) + ".png')";
  112.             document.getElementById("Therm-Bulb-Small-Digit").style.background = "url('../../Images/ThermDigits/Small/" + roundTemperature(feelsLikeTemp) + ".png')";
  113.         }
  114.                 
  115.         
  116.         //****************************************************************************************
  117.         //*  The following function will be run each time Weather Watcher reloads the skin file  *
  118.         //****************************************************************************************
  119.         function runLoadProcedures()
  120.         {    loadSkinSettings();
  121.         
  122.             //**************************
  123.             //*  Display alert banner  *
  124.             //**************************
  125.             var alertInfo = document.getElementById("WW-AlertInfo").innerHTML;
  126.             
  127.             if (alertInfo != "N/A")
  128.             {    updateDIVs("WW-AlertBannerText", alertInfo.substring(0,61) + "...");
  129.                 showDIVs("WW-AlertBanner");
  130.             } 
  131.             else 
  132.             {    hideDIVs("WW-AlertBanner");
  133.             }
  134.             
  135.             //*******************************************************
  136.             //*  Figure out how many ticks to fill in on barometer  *
  137.             //*******************************************************
  138.             var barometer = document.getElementById("WW-Barometer").innerHTML;
  139.             var barometerTickCount;
  140.             var barometerText = document.getElementById("WW-Barometer-Text").innerHTML;
  141.             var barometerRate = document.getElementById("WW-Barometer-Rate").innerHTML;
  142.             
  143.             if (isNumeric(barometer) == false)
  144.             {    barometerTickCount = 0;
  145.             }
  146.             else
  147.             {    if (parseFloat(barometer) < 27.5)
  148.                 {    barometerTickCount = 1;
  149.                 }
  150.                 else
  151.                 {    barometerTickCount = Math.round(((parseFloat(barometer) - 27.5) / 4) * 22);
  152.                 }
  153.             }
  154.     
  155.             //*****************************************************
  156.             //*  Figure out barometer tick color                  *
  157.             //*  Red = Falling; Blue = No Change; Green = Rising  * 
  158.             //*****************************************************
  159.             if (isNumeric(barometerRate) == true)
  160.             {    barometerRate = parseFloat(barometerRate);
  161.             
  162.                 if (barometerRate < 0) barometerColor = "Red";
  163.                 else if (barometerRate > 0) barometerColor = "Green";
  164.                 else barometerColor = "Blue";
  165.             }
  166.             else
  167.             {    if (barometerText.indexOf("falling") > -1) barometerColor = "Red";
  168.                 else if (barometerText.indexOf("rising") > -1) barometerColor = "Green";
  169.                 else barometerColor = "Blue";
  170.             }
  171.  
  172.             document.getElementById("WW-BarometerGauge-Image").src = "../../Images/Barometer/" + barometerColor + "/" + barometerTickCount + ".gif";
  173.             document.getElementById("WW-BarometerGauge-Text").innerHTML= document.getElementById("WW-Barometer-Plain-Text").innerHTML;
  174.         
  175.             //*************************************
  176.             //*  Format and set the station name  *
  177.             //*************************************
  178.             var station = document.getElementById("WW-Station-Source").innerHTML;     
  179.             station = station.replace('(','\(').replace(')','\)');     
  180.             if (station.length > 60) station = station.substring(0, 60) + "...";
  181.             station = "<STRONG STYLE=\"color:#FFF; font-size:13px;\">" + station.replace("(","</STRONG>(");
  182.             updateDIVs("WW-Station-Name", station);
  183.             
  184.             //********************************************
  185.             //*  Format and set the updated time stamps  *
  186.             //********************************************
  187.             updateDIVs("WW-Updated-Replaced", (document.getElementById("WW-Updated-Source").innerHTML).replace('Observed','Updated'));
  188.         
  189.             //**************************
  190.             //*  Update the map image  *
  191.             //**************************
  192.             var mapImage = "file:///" + document.getElementById("WW-Skin-Path").innerHTML + "map.jpg";
  193.             
  194.             if (imageExists(mapImage) == true)
  195.             {    document.getElementById("WW-Map-Image").src = mapImage + '?' + getUniqueNumber;
  196.             }
  197.             
  198.             //***********************
  199.             //*  Splendid tooltips  *
  200.             //***********************
  201.             NiceTitles.autoCreated = new Object();
  202.             
  203.             NiceTitles.autoCreated.anchors = new NiceTitles("<p class=\"titletext\">attr(nicetitle)</p>", 400);
  204.             NiceTitles.autoCreated.images = new NiceTitles("<p class=\"titletext\">attr(nicetitle)</p>", 600);
  205.                         
  206.             NiceTitles.autoCreated.anchors.addElements(document.getElementsByTagName("div"), "title");
  207.             NiceTitles.autoCreated.images.addElements(document.getElementsByTagName("img"), "title"); 
  208.         }        
  209.     </SCRIPT>
  210.     
  211.     <DIV STYLE="border:solid 1px #4C5054; height:100%;">
  212.     <DIV STYLE="border:solid 1px #C9C7C7; height:100%;">
  213.         <!-- Splendid settings window  -->
  214.         <DIV ID="WW-SettingsOverlay" STYLE="position:absolute; top:0px; left:0px; z-index:1000; width:110%; height:110%; display:none;" ONMOUSEDOWN="hideSettings();"><IMG CLASS="PNG" SRC="../../Images/SettingsOverlay.png" STYLE="height:100%; width:100%;"></DIV> 
  215.         
  216.         <DIV ID="WW-Settings" STYLE="border:1px solid #000; position:absolute; display:none; z-index:1001; background-color: #FFF; width:320px;">     
  217.             <DIV STYLE="background: url('../../Images/BarBackground.gif') bottom repeat-x; border:solid 1px #4C5054; height:24px;"></DIV>
  218.             <DIV STYLE="padding:15px; border:solid 1px #4C5054; border-top:0px; border-bottom:0px;">
  219.                 <FORM NAME="SplendidOptionsForm" STYLE="margin-top: 0px; margin-bottom: 0px;">
  220.                     <DIV STYLE="font:bold; color:#838383;">Map Zoom Level <EM STYLE="font-weight:normal;">(US maps only)</EM>:</DIV>
  221.                     <INPUT TYPE="radio" NAME="MapZoomLevel" VALUE="1">1   <INPUT TYPE="radio" NAME="MapZoomLevel" VALUE="2">2   <INPUT TYPE="radio" NAME="MapZoomLevel" VALUE="5">3   <INPUT TYPE="radio" NAME="MapZoomLevel" VALUE="6">4   <INPUT TYPE="radio" NAME="MapZoomLevel" VALUE="7">5<BR>
  222.                     <BR>
  223.                     <DIV STYLE="font:bold; color:#838383;">News Bar:</DIV>
  224.                     <INPUT TYPE="radio" NAME="NewsBar" VALUE="Show"> Show   <INPUT TYPE="radio" NAME="NewsBar" VALUE="Hide"> Hide<BR>
  225.                     <BR>
  226.                     <DIV STYLE="font:bold; color:#838383;">Slider Display:</DIV>
  227.                     <INPUT TYPE="radio" NAME="SlideDisplay" VALUE="Days"> Days   <INPUT TYPE="radio" NAME="SlideDisplay" VALUE="Hours" STYLE="display:none;"><INPUT TYPE="radio" NAME="SlideDisplay" VALUE="Moons"> Moons<BR>
  228.                     <BR>
  229.                     <DIV STYLE="font:bold; color:#838383;">Thermometer Color:</DIV>
  230.                     <INPUT TYPE="radio" NAME="ThermometerColor" VALUE="Blue"> Blue<BR>
  231.                     <INPUT TYPE="radio" NAME="ThermometerColor" VALUE="Red"> Red<BR>
  232.                     <INPUT TYPE="radio" NAME="ThermometerColor" VALUE="BlueRed"> Red <EM>(above freezing)</EM> & Blue <EM>(freezing)</EM><BR>
  233.                     <INPUT TYPE="radio" NAME="ThermometerColor" VALUE="RedBlue"> Blue <EM>(above freezing)</EM> & Red <EM>(freezing)</EM><BR>
  234.                     <BR>
  235.                     <DIV STYLE="font:bold; color:#838383;">Wind Gauge Arrow:</DIV>
  236.                     <INPUT TYPE="radio" NAME="WindArrow" VALUE="Standard"> Point in direction wind is blowing toward<BR>
  237.                     <INPUT TYPE="radio" NAME="WindArrow" VALUE="Reverse"> Point in direction wind is blowing from<BR>
  238.                 </FORM>
  239.             </DIV>
  240.             <DIV ALIGN="right" STYLE="border:solid 1px #4C5054; border-top:0px; background:#DAD5CA;">
  241.                 <DIV STYLE="padding:8px; border-top:solid 1px #CBC6BC;">
  242.                     <INPUT TYPE="button" VALUE="   OK   " ONMOUSEDOWN="hideSettings(); setRunAction('SaveSkinSettings');"> <INPUT TYPE="button" VALUE="Cancel" ONMOUSEDOWN="hideSettings();">
  243.                 </DIV>
  244.             </DIV>
  245.         </DIV>
  246.         <!-- Splendid settings window  -->
  247.     
  248.  
  249.         <!-- Window top bar -->
  250.         <DIV STYLE="position:absolute; z-index:20; top:2; right:expression(pnWidth+2+'px'); padding-left:31px; width:100%;">
  251.             <DIV ID="WW-DragWindow" ALIGN="right" STYLE="background: url('../../Images/BarBackground.gif') bottom repeat-x; border:solid 1px #4C5054; padding: 4px 3px 6px 0px; cursor:url('../../Cursors/Drag.cur'), default;" ONMOUSEDOWN="setRunAction('WindowDrag');">
  252.                 <IMG CLASS="PNG" SRC="../../Images/WWL.png" WIDTH="126" HEIGHT="13" ONDRAG="return false"><BR>
  253.             </DIV>
  254.             <DIV STYLE="border-bottom:solid 1px #AEA89A;">
  255.                 <DIV STYLE="background-color: #B9B09D; border-bottom:solid 1px #A19886;">
  256.                     <IMG SRC="../../Images/Blank.gif" HEIGHT="9px" WIDTH="0px"><BR>            
  257.                 </DIV>
  258.             </DIV>
  259.         </DIV>
  260.         <!-- Window top bar -->
  261.         
  262.         
  263.         <!-- Top buttons -->
  264.         <DIV STYLE="position:absolute; z-index:35; top:13; left:34;">
  265.             <IMG ID="WW-ButtonUpdate" SRC="../../Images/Top/Buttons/Update.gif" WIDTH="65" HEIGHT="24" ALT="Update Weather" STYLE="cursor:url('../../Cursors/Icon.cur'), default;" ONMOUSEDOWN="setRunAction('RetrieveWeather');" ONDRAG="return false"><BR>
  266.         </DIV>
  267.         <DIV STYLE="position:absolute; z-index:35; top:13; left:100;">
  268.             <IMG ID="WW-ButtonCurrent" SRC="../../Images/Top/Buttons/Now.gif" WIDTH="46" HEIGHT="24" ALT="Show Current Conditions" STYLE="cursor:url('../../Cursors/Icon.cur'), default;" ONMOUSEDOWN="setRunAction('ShowCurrent');" ONDRAG="return false"><BR>
  269.         </DIV>
  270.         <DIV STYLE="position:absolute; z-index:35; top:13; left:147;">
  271.             <IMG ID="WW-ButtonDaily" SRC="../../Images/Top/Buttons/Daily.gif" WIDTH="51" HEIGHT="24" ALT="Show Daily Forecast" STYLE="cursor:url('../../Cursors/Icon.cur'), default;" ONMOUSEDOWN="setRunAction('ShowDaily');" ONDRAG="return false"><BR>
  272.         </DIV>    
  273.         <DIV STYLE="position:absolute; z-index:35; top:13; left:199;">
  274.             <IMG ID="WW-ButtonMaps" SRC="../../Images/Top/Buttons/Maps.gif" WIDTH="51" HEIGHT="24" ALT="Show Maps" STYLE="cursor:url('../../Cursors/Icon.cur'), default;" ONMOUSEDOWN="setRunAction('ShowMapMenu');" ONDRAG="return false"><BR>
  275.         </DIV>
  276.         <DIV STYLE="position:absolute; z-index:35; top:13; left:251;">
  277.             <IMG ID="WW-ButtonAlerts" SRC="../../Images/Top/Buttons/Alerts.gif" WIDTH="61" HEIGHT="24" ALT="Open Severe Alerts" STYLE="cursor:url('../../Cursors/Icon.cur'), default;" ONMOUSEDOWN="setRunAction('ShowAlerts');" ONDRAG="return false"><BR>
  278.         </DIV>
  279.         <DIV STYLE="position:absolute; z-index:35; top:13; left:313;">
  280.             <IMG ID="WW-ButtonOptions" SRC="../../Images/Top/Buttons/Options.gif" WIDTH="71" HEIGHT="24" ALT="Open Weather Watcher Live Options" STYLE="cursor:url('../../Cursors/Icon.cur'), default;" ONMOUSEDOWN="setRunAction('ShowOptions');" ONDRAG="return false"><BR>
  281.         </DIV>
  282.         <DIV STYLE="position:absolute; z-index:35; top:13; left:385;">
  283.             <IMG ID="WW-ButtonMinimize" SRC="../../Images/Top/Buttons/Minimize.gif" WIDTH="28" HEIGHT="24" ALT="Minimize Weather Watcher Live" STYLE="cursor:url('../../Cursors/Icon.cur'), default;" ONMOUSEDOWN="setRunAction('WindowMinimize');" ONDRAG="return false"><BR>
  284.         </DIV>
  285.         <!-- Top buttons -->
  286.             
  287.             
  288.         <!-- Thermometer -->
  289.         <DIV STYLE="background: url('../../Images/ThermShade.gif') top; width:31px; position:absolute; z-index:30; top:2; left:2; height:100%; border:solid 1px #B6B6B6;"></DIV>
  290.         <DIV ID="WW-Thermometer-Fill" STYLE="background: url('../../Images/ThermTopRed.png') bottom; width:31px; position:absolute; z-index:34; left:2; bottom:expression(pnHeight+117+'px'); height:expression((this.parentNode.offsetHeight-117)*thermPercentage/100+'px'); border-top:solid #B6B6B6 1px;"></DIV>
  291.         <DIV STYLE="position:absolute; z-index:40; left:0; bottom:expression(pnHeight+2+'px'); border-left:solid 1px #4C5054;">
  292.             <DIV STYLE="border-left:solid 1px #C9C7C7;"><IMG ID="WW-Thermometer-Bulb" CLASS="PNG" SRC="../../Images/ThermBulbRed.png" WIDTH="73px" HEIGHT="115px"><BR></DIV>
  293.         </DIV>
  294.         <DIV ID="Therm-Bulb-Large-Digit" CLASS="PNG" STYLE="background: url('../../Images/ThermDigits/Large/NA.png') no-repeat; position:absolute; z-index:60; width:61px; height:25px; left:8; bottom:expression(pnHeight+29+'px');"></DIV>
  295.         <DIV ID="Therm-Bulb-Small-Digit" CLASS="PNG" STYLE="background: url('../../Images/ThermDigits/Small/NA.png') no-repeat; position:absolute; z-index:60; width:48px; height:18px; left:17; bottom:expression(pnHeight+10+'px');"></DIV>
  296.         <!-- Thermometer -->
  297.     
  298.     
  299.         <!-- WeatherBug Logo -->
  300.         <DIV ID="WeatherBug-Logo" STYLE="position:absolute; z-index:24; top:290; right:expression(pnWidth+42+'px'); display:none;">
  301.             <IMG CLASS="PNG" SRC="../../Images/WeatherBug.png" WIDTH="27" HEIGHT="29" ALT="WeatherBug" STYLE="cursor:url('../../Cursors/Icon.cur'), default;" ONDRAG="return false" ONMOUSEDOWN="setRunAction('LaunchWeatherBug');"><BR>
  302.         </DIV>
  303.         <!-- WeatherBug Logo -->
  304.         
  305.         
  306.         <!-- Bottom Area -->
  307.         <DIV STYLE="background-color:#B9B09D; position:absolute; z-index:24; width:100%; height:30px; left:2; bottom:expression(pnHeight+'px'); border-bottom:solid 1px #4C5054;">
  308.             <DIV STYLE="height:100%; width:100%; border-bottom:solid 1px #C9C7C7; padding-left:80px; padding-top: 4px;">
  309.                 <IMG ID="WW-NewsMenuImg" SRC="../../Images/Links/NewsOff.gif" WIDTH="47" HEIGHT="20" ONMOUSEOVER="this.src='../../Images/Links/NewsOn.gif'; showMenu('WW-NewsMenu');" ONMOUSEOUT="newsMenuOpen=false; closeMenu('WW-NewsMenu');">
  310.                 <IMG ID="WW-HealthMenuImg" SRC="../../Images/Links/HealthOff.gif" WIDTH="59" HEIGHT="20" ONMOUSEOVER="this.src='../../Images/Links/HealthOn.gif'; showMenu('WW-HealthMenu');" ONMOUSEOUT="healthMenuOpen=false; closeMenu('WW-HealthMenu');">
  311.                 <IMG ID="WW-VideosMenuImg" SRC="../../Images/Links/VideosOff.gif" WIDTH="59" HEIGHT="20" ONMOUSEOVER="this.src='../../Images/Links/VideosOn.gif'; showMenu('WW-VideosMenu');" ONMOUSEOUT="videosMenuOpen=false; closeMenu('WW-VideosMenu');">
  312.                 <IMG ID="WW-PhotosMenuImg" SRC="../../Images/Links/PhotosOff.gif" WIDTH="63" HEIGHT="20" ONMOUSEOVER="this.src='../../Images/Links/PhotosOn.gif'; showMenu('WW-PhotosMenu');" ONMOUSEOUT="photosMenuOpen=false; closeMenu('WW-PhotosMenu');">
  313.                 <IMG ID="WW-CamerasMenuImg" SRC="../../Images/Links/CamerasOff.gif" WIDTH="74" HEIGHT="20" ONMOUSEOVER="this.src='../../Images/Links/CamerasOn.gif'; showMenu('WW-CamerasMenu');" ONMOUSEOUT="camerasMenuOpen=false; closeMenu('WW-CamerasMenu');">
  314.                 <IMG ID="WW-SettingsMenuImg" SRC="../../Images/Links/SettingsOff.gif" WIDTH="73" HEIGHT="20" STYLE="cursor:url('../../Cursors/Icon.cur'), default;" ONMOUSEOVER="if (document.getElementById('WW-SettingsOverlay').style.display == 'none') {this.src='../../Images/Links/SettingsOn.gif'; hideAllMenus();}" ONMOUSEOUT="this.src='../../Images/Links/SettingsOff.gif';" ONMOUSEDOWN="this.src='../../Images/Links/SettingsOff.gif'; showSettings();">
  315.             </DIV>
  316.         </DIV>
  317.         <DIV STYLE="background-color:#B9B09D; position:absolute; z-index:26; width:10px; height:55px; right:expression(pnWidth+'px'); bottom:expression(pnHeight+30+'px'); border-right:solid 1px #4C5054;">
  318.             <DIV STYLE="border-right:solid 1px #C9C7C7; height:100%; width:100%;">
  319.                 <IMG ID="SliderEnd" SRC="../../Images/Slider/SliderEnd.gif" WIDTH="2" HEIGHT="75" STYLE="display:none;"><BR>
  320.             </DIV>
  321.         </DIV>        
  322.         <DIV STYLE="background-color:#AEA89A; position:absolute; z-index:22; height:2px; width:100%; right:expression(pnWidth+11+'px'); bottom:expression(pnHeight+30+'px'); border-right:solid 1px #A39A89; border-bottom:solid 1px #A39A89;">
  323.             <IMG SRC="../../Images/Blank.gif" WIDTH="0" HEIGHT="1"><BR>
  324.         </DIV>    
  325.         <!-- Bottom Area -->
  326.         
  327.                 
  328.         
  329.         <!-- Gauges -->
  330.         <DIV ID="WW-Gauges" STYLE="position:absolute; z-index:20; height:100%; right:expression(pnWidth+15+'px'); top:20px; display:none;">
  331.             <DIV ID="WW-WindGauge-Container" STYLE="height:117px; width:115px;">
  332.                 <DIV ID="WW-WindGauge" STYLE="background: url('../../Images/Wind/NA.gif'); position:absolute; left:8px; top:12px; height:117px; width:115px; z-index:4;"><IMG ID="WW-WindGauge-Image" SRC="../../Images/Wind/NA.gif" STYLE="height:117px; width:115px;"></DIV>
  333.                 <DIV ID="WW-WindGauge-Text" ALIGN="center" STYLE="position:absolute; left:30px; top:63px; z-index:5; width:71px; font:bold; color:#FFF; cursor:default;">0</DIV>
  334.             </DIV>
  335.  
  336.             <DIV ID="WW-BarometerGauge-Container" STYLE="height:117px; width:115px;">
  337.                 <DIV ID="WW-BarometerGauge" STYLE="background: url('../../Images/Barometer/Barometer.gif'); position:absolute; left:8px; top:129px; height:117px; width:115px; z-index:4;"><IMG ID="WW-BarometerGauge-Image" SRC="../../Images/Barometer/Barometer.gif" STYLE="height:117px; width:115px;"></DIV>
  338.                 <DIV ID="WW-BarometerGauge-Text" ALIGN="center" STYLE="position:absolute; left:30px; top:181px; z-index:5; width:71px; font:bold; color:#FFF; cursor:default;">0</DIV>
  339.             </DIV>
  340.  
  341.             <DIV ID="Gauge-Bottom" STYLE="background: url('../../Images/GaugeBottom.gif'); width:61px; height:1000px; position:absolute; z-index:2; width:61px; left:60px; top:244px;"></DIV>
  342.             <DIV ID="Gauge-Background" STYLE="position:absolute; z-index:1; height:100%; background-color:#B9B09D; width:40px; right:expression(gaugeBackgroundWidth+'px'); top:15px;"></DIV>
  343.         </DIV>
  344.         <!-- Gauges -->
  345.         
  346.                 
  347.         <!-- Right Border -->
  348.         <DIV ID="Right-Border" STYLE="display:none; position:absolute; z-index:21; height:100%; background-color:#B9B09D; width:11px; right:expression(pnWidth+2+'px'); top:36px;">
  349.             <DIV STYLE="background-color: #AEA89A; width:2px; border-top: solid 1px #A19886; border-right: solid 1px #A19886; height:100%;">
  350.                 <IMG SRC="../../Images/Blank.gif" WIDTH="1" HEIGHT="0"><BR>
  351.             </DIV>
  352.         </DIV>
  353.         <!-- Right Border -->
  354.         
  355.         
  356.         
  357.         
  358.         
  359.         <!-- News Bar -->
  360.         <DIV ID="WW-News-Bar">
  361.             <DIV STYLE="display:none;">
  362.                 <DIV ID="WW-News-Bar-Top" STYLE="position:absolute; z-index:22; right:expression(pnWidth+30+'px'); bottom:expression(pnHeight+143+'px');">
  363.                     <DIV STYLE="height:27px; padding-left:50px; padding-right:20px;">
  364.                         <DIV STYLE="border:solid #D3D89B 1px; height:29px;">    
  365.                             <DIV STYLE="width:100%; padding:4px; background-color:#FAFAD2; border:solid #E7ECA9 1px; position:absolute; z-index:23; height: 27px;">        
  366.                                 <DIV STYLE="position:absolute; left:4px;" ID="WW-NewsStoryLink"></DIV>
  367.                                 <DIV STYLE="position:absolute; right:4px;"><A HREF="#" ONMOUSEDOWN="setRunAction('GetPreviousNewsLink');"><A HREF="#" ONMOUSEDOWN="setRunAction('GetPreviousNewsLink');"><IMG SRC="../../Images/ArrowLeft.gif" WIDTH="15" HEIGHT="15"></A> <A HREF="#" ONMOUSEDOWN="setRunAction('GetNextNewsLink');"><IMG SRC="../../Images/ArrowRight.gif" WIDTH="15" HEIGHT="15"></A></DIV>
  368.                             </DIV>
  369.                         </DIV>
  370.                     </DIV>            
  371.                 </DIV>
  372.             </DIV>
  373.             <DIV STYLE="border-top: solid #D7D6D6 1px; position:absolute; z-index:21; right:expression(pnWidth+30+'px'); bottom:expression(pnHeight+104+'px');">
  374.                 <DIV STYLE="background-color:#EFEFEF; height:45px; border-top:solid #E1E0E0 1px;"><DIV CLASS="WW-Updated" STYLE="color:#6E6E6E; padding-left:40px; padding-top:10px;">[UPDATED]</DIV></DIV>            
  375.             </DIV>
  376.         </DIV>
  377.         <!-- News Bar -->
  378.         
  379.         
  380.         
  381.                 
  382.         <!-- Slider -->    
  383.         <DIV ID="SliderDIV" STYLE="height:73px; background: url('../../Images/Slider/SliderBackground.gif') top left; display:none; position:absolute; z-index:25; left:32; width:100%; bottom:expression(pnHeight+30+'px'); border:solid 1px #4A8797; display:none;" ONMOUSEDOWN="dragStart(event, 'SliderDIV')">
  384.             <DIV ID="WW-Slider-Content" STYLE="height:73px; padding:3px 3px 3px 44px; border:solid 1px #FFF; cursor:url('../../Cursors/Drag.cur'), default;">
  385.                 <TABLE ID="WW-Day-Slider" CELLPADDING="0" CELLSPACING="0" STYLE="display:none;">
  386.                 <TR>
  387.                     [DAILY LOOP COUNT=*]
  388.                     [TEMPLATE]
  389.                         <TD STYLE="padding: 1px 3px 2px 0px;">
  390.                             <DIV STYLE="width:67px; height:62px;" TITLE="<STRONG STYLE='color:#262626;'>[DAILY DAY]</STRONG> [DAILY DATE]<BR><STRONG STYLE='color:#3E6D91;'>[DAILY CONDITION DAY]</STRONG><BR><IMG SRC='../../Images/Blank.gif' HEIGHT='5px' WIDTH='5px'><BR><STRONG STYLE='color:#64A1D0;'>High:</STRONG> [DAILY HI]<BR><STRONG STYLE='color:#64A1D0;'>Precipitation:</STRONG> [DAILY PRECIPITATION DAY]<BR><STRONG STYLE='color:#64A1D0;'>Sunrise:</STRONG> [DAILY SUNRISE AMPM]">
  391.                                 <DIV STYLE="position:absolute; z-index:4;"><STRONG STYLE="color:#FFF; text-transform:uppercase; font-size:0.9em;">[DAILY DAY ABBREV]</STRONG></DIV>
  392.                                 <DIV STYLE="position:absolute; z-index:5;"><IMG SRC="../../Images/Slider/Frame/[DAILY HI SINGLE PLAIN WHOLE].png" STYLE="width:67px; height:62px;" ONDRAG="return false"></DIV>
  393.                                 <DIV STYLE="position:absolute; z-index:2; background:url('[DAILY ICON DAY]') #FFF no-repeat center; top:22px; height:42px; width:50px; margin-left:3px;"></DIV>
  394.                             </DIV>
  395.                         </TD>
  396.                     [/TEMPLATE]
  397.                     [/DAILY LOOP]
  398.                 </TR>
  399.                 </TABLE>
  400.                 <TABLE ID="WW-Moon-Slider" CELLPADDING="0" CELLSPACING="0" STYLE="display:none;">
  401.                 <TR>
  402.                     [MOON LOOP COUNT=20]
  403.                     [TEMPLATE]
  404.                         <TD STYLE="padding: 1px 3px 2px 0px;">
  405.                             <DIV STYLE="width:67px; height:62px;" TITLE="<STRONG STYLE='color:#262626'>[MOON DAY]</STRONG> [MOON DATE SHORT]<BR><STRONG STYLE='color:#64A1D0'>Moon Phase:</STRONG> [MOON PHASE]<BR><STRONG STYLE='color:#64A1D0'>Illumination:</STRONG> [MOON ILLUMINATION]%">
  406.                                 <DIV STYLE="position:absolute; z-index:4;"><STRONG STYLE="color:#FFF; text-transform:uppercase; font-size:0.9em;">[MOON DAY ABBREV]</STRONG></DIV>
  407.                                 <DIV STYLE="position:absolute; z-index:5;"><IMG SRC="../../Images/Slider/Frame/[MOON ILLUMINATION].png" STYLE="width:67px; height:62px;" ONDRAG="return false"></DIV>
  408.                                 <DIV STYLE="position:absolute; z-index:2; background:url('[MOON ICON]') #FFF no-repeat center; top:22px; height:42px; width:50px; margin-left:3px;"></DIV>
  409.                             </DIV>
  410.                         </TD>
  411.                     [/TEMPLATE]
  412.                     [/MOON LOOP]
  413.                 </TR>
  414.                 </TABLE>
  415.             </DIV>
  416.         </DIV>
  417.         <!-- Slider -->    
  418.         
  419.                 
  420.         <DIV ID="WW-Current-View" STYLE="display:none; z-index:1; position:absolute; bottom:expression(pnHeight+32+'px'); padding-top: 66px; padding-left:31px; padding-right:11px; height:100%; width:100%;">
  421.             <DIV CLASS="WW-AlertBanner" STYLE="display:none; border-top:solid #880E0E 2px; background-color:BF1616; cursor:url('../../Cursors/Icon.cur'), default; width:100%; background-image: url(../../Images/AlertBannerEnd.gif); background-position: right; background-repeat: no-repeat;" ONMOUSEDOWN="setRunAction('ShowAlerts');"><DIV CLASS="WW-AlertBannerText" STYLE="float:left; background-color:#BF1616; padding:4px 5px 4px 5px; color:#F8F1F1; cursor:url('../../Cursors/Icon.cur'), default; font:bold;"></DIV></DIV>
  422.             <DIV STYLE="overflow:auto;">
  423.                 <DIV STYLE="width:100%;"><DIV CLASS="WW-Station-Name" STYLE="color:#FFF; float:left; border-top:solid 1px #787870; border-left:solid 1px #787870; background-color:#97978E; padding:2px 30px 6px 10px; cursor:url('../../Cursors/Icon.cur'), default; background: #97978E url('../../Images/LocationCorner.gif') no-repeat bottom right;" ONMOUSEDOWN="setRunAction('ShowStationMenu');"></DIV></DIV>
  424.                 <DIV STYLE=" padding:10px;">
  425.                     <TABLE CELLPADDING="0" CELLSPACING="0"> 
  426.                     <TR>
  427.                         <TD VALIGN="top">
  428.                             [DAILY SEQUENCE LOOP COUNT=2]
  429.                                 [TEMPLATE]
  430.                                     <DIV STYLE="padding-bottom: 5px;">
  431.                                         <TABLE> 
  432.                                         <TR>
  433.                                             <TD ROWSPAN="2" VALIGN="top" STYLE="padding-right:5px;">
  434.                                                 <DIV STYLE="border:solid 1px #CCC;"><IMG SRC="[DAILY ICON]" STYLE="border:solid 2px #FFF;"></DIV>
  435.                                                 <DIV><A HREF="#" ONMOUSEDOWN="setRunAction('LaunchDailyForecast');" STYLE="color:#0000CC; font-size:12px;">More</A></DIV>
  436.                                             </TD>
  437.                                             <TD VALIGN="top" STYLE="font-size:12px; width:150px; line-height:15px;">
  438.                                                 <DIV><STRONG STYLE="color:#262626;">[DAILY DAY]</STRONG></DIV>
  439.                                                 <DIV STYLE="padding-bottom:4px;"><STRONG STYLE="color:#3E6D91;">[DAILY CONDITION]</STRONG></DIV>
  440.                                                 <DIV><STRONG STYLE="color:#64A1D0;">High:</STRONG> [DAILY HI]</DIV>
  441.                                                 <DIV><STRONG STYLE="color:#64A1D0;">Low:</STRONG> [DAILY LO]</DIV>
  442.                                                 <DIV><STRONG STYLE="color:#64A1D0;">Sunrise:</STRONG> [DAILY SUNRISE AMPM]</DIV>
  443.                                                 <DIV><STRONG STYLE="color:#64A1D0;">Sunset:</STRONG> [DAILY SUNSET AMPM]</DIV>
  444.                                             </TD>
  445.                                         </TR>
  446.                                         </TABLE>
  447.                                     </DIV>
  448.                                 [/TEMPLATE]        
  449.                             [/DAILY SEQUENCE LOOP]
  450.                         </TD>
  451.                         <TD VALIGN="top">
  452.                             <DIV STYLE="border:solid 1px #CCC; width:1px;"><IMG ID="WW-Map-Image" SRC="map.jpg" WIDTH="224" STYLE="border:solid 2px #FFF; cursor:url('../../Cursors/Icon.cur'), default;" ONDRAG="return false" ONMOUSEDOWN="setRunAction('LaunchRadarMap');" TITLE="Click to view full-size map"></DIV>
  453.                             <DIV ALIGN="right"><A HREF="#" ONMOUSEDOWN="setRunAction('LaunchRadarMap');" STYLE="color:#0000CC; font-size:12px;">Full-size Map</A></DIV>
  454.                         </TD>
  455.                     </TR>
  456.                     <TR>
  457.                         <TD COLSPAN="2" VALIGN="top" STYLE="font-size:12px; padding-right:0px; padding-top:10px;">
  458.                             <DIV>
  459.                                 <DIV STYLE="float:left;">
  460.                                     <DIV STYLE="padding:3px 5px 3px 5px;"><A HREF="#" ONMOUSEDOWN="setRunAction('LaunchHistoricalWeather');" STYLE="color:#0000CC; font-size:12px;">Historical Weather</A><BR><IMG SRC="../../Images/Blank.gif" HEIGHT="0" WIDTH="120"></DIV>
  461.                                     <DIV STYLE="border:solid #D7D6D6 1px; border-right:0px;">
  462.                                         <DIV STYLE="border:solid #E2E2E2 1px; border-right:0px;">
  463.                                             <DIV STYLE="background-color:#F6F6F6; padding:3px 5px 3px 5px; border-bottom:solid #EDECEC 1px;"><STRONG STYLE="color:#696969;">Temperature:</STRONG></DIV>
  464.                                             <DIV STYLE="padding:3px 5px 3px 5px; border-bottom:solid #EDECEC 1px;"><STRONG STYLE="color:#696969;">Feels Like:</STRONG></DIV>
  465.                                             <DIV STYLE="background-color:#F6F6F6; padding:3px 5px 3px 5px; border-bottom:solid #EDECEC 1px;"><STRONG STYLE="color:#696969;">Dew Point:</STRONG></DIV>
  466.                                             <DIV STYLE="padding:3px 5px 3px 5px; border-bottom:solid #EDECEC 1px;"><STRONG STYLE="color:#696969;">Barometer:</STRONG></DIV>
  467.                                             <DIV STYLE="background-color:#F6F6F6; padding:3px 5px 3px 5px; border-bottom:solid #EDECEC 1px;"><STRONG STYLE="color:#696969;">Humidity:</STRONG></DIV>
  468.                                             <DIV STYLE="padding:3px 5px 3px 5px;"><STRONG STYLE="color:#696969;">Wind:</STRONG></DIV>
  469.                                         </DIV>
  470.                                     </DIV>
  471.                                 </DIV>
  472.                                 <DIV STYLE="float:left;">
  473.                                     <DIV ALIGN="center" STYLE="padding:3px 5px 1px 5px;"><STRONG>Now</STRONG><BR><IMG SRC="../../Images/Blank.gif" HEIGHT="0" WIDTH="70"></DIV>
  474.                                     <DIV STYLE="border:solid #D3D89B 1px;">
  475.                                         <DIV STYLE="border:solid #E7ECA9 1px;">
  476.                                             <DIV ALIGN="center" STYLE="background-color:#FAFAD2; padding:5px 5px 3px 5px; border-bottom:solid #E9E9C3 1px;"><SPAN CLASS="WW-CurrentTemp">[TEMP DEGREE]</SPAN></DIV>
  477.                                             <DIV ALIGN="center" STYLE="background-color:#FAFAD2; padding:3px 5px 3px 5px; border-bottom:solid #E9E9C3 1px;"><SPAN CLASS="WW-CurrentFeelsLikeTemp">[FEELS DEGREE]</SPAN></DIV>
  478.                                             <DIV ALIGN="center" STYLE="background-color:#FAFAD2; padding:3px 5px 3px 5px; border-bottom:solid #E9E9C3 1px;"><SPAN CLASS="WW-CurrentDew">[DEW DEGREE]</SPAN></DIV>
  479.                                             <DIV ALIGN="center" STYLE="background-color:#FAFAD2; padding:3px 5px 3px 5px; border-bottom:solid #E9E9C3 1px;"><SPAN CLASS="WW-CurrentBarometer">[BAROMETER PLAIN]</SPAN></DIV>
  480.                                             <DIV ALIGN="center" STYLE="background-color:#FAFAD2; padding:3px 5px 3px 5px; border-bottom:solid #E9E9C3 1px;><SPAN CLASS="WW-CurrentHumidity">[HUMIDITY]</SPAN></DIV>
  481.                                             <DIV ALIGN="center" STYLE="background-color:#FAFAD2; padding:3px 5px 5px 5px;"><SPAN CLASS="WW-CurrentWindDirection">[WIND DIRECTION]</SPAN> <SPAN CLASS="WW-CurrentWind">[WIND PLAIN]</SPAN></DIV>
  482.                                         </DIV>
  483.                                     </DIV>
  484.                                 </DIV>    
  485.                                 <DIV STYLE="float:left;">
  486.                                     <DIV ALIGN="center" STYLE="padding:3px 5px 3px 5px;"><STRONG>Min</STRONG><BR><IMG SRC="../../Images/Blank.gif" HEIGHT="0" WIDTH="70"></DIV>
  487.                                     <DIV STYLE="border:solid #D7D6D6 1px; border-left:0px; border-right:0px;">
  488.                                         <DIV STYLE="border:solid #E2E2E2 1px; border-left:0px; border-right:0px;">
  489.                                             <DIV ALIGN="center" STYLE="background-color:#F6F6F6; padding:3px 5px 3px 5px; border-bottom:solid #EDECEC 1px; border-right:solid #EDECEC 1px;"><SPAN CLASS="WW-TempLow">[TEMP LOW DEGREE]</SPAN></DIV>
  490.                                             <DIV ALIGN="center" STYLE="padding:3px 5px 3px 5px; border-bottom:solid #EDECEC 1px; border-right:solid #EDECEC 1px;">---</DIV>
  491.                                             <DIV ALIGN="center" STYLE="background-color:#F6F6F6; padding:3px 5px 3px 5px; border-bottom:solid #EDECEC 1px; border-right:solid #EDECEC 1px;">---</DIV>
  492.                                             <DIV ALIGN="center" STYLE="padding:3px 5px 3px 5px; border-bottom:solid #EDECEC 1px; border-right:solid #EDECEC 1px;"><SPAN CLASS="WW-BarometerLow">[BAROMETER LOW PLAIN]</SPAN></DIV>
  493.                                             <DIV ALIGN="center" STYLE="background-color:#F6F6F6; padding:3px 5px 3px 5px; border-bottom:solid #EDECEC 1px; border-right:solid #EDECEC 1px;"><SPAN CLASS="WW-HumidityLow">[HUMIDITY LOW]</SPAN></DIV>
  494.                                             <DIV ALIGN="center" STYLE="padding:3px 5px 3px 5px; border-right:solid #EDECEC 1px;">---</DIV>
  495.                                         </DIV>
  496.                                     </DIV>
  497.                                 </DIV>    
  498.                                 <DIV STYLE="float:left;">
  499.                                     <DIV ALIGN="center" STYLE="padding:3px 5px 3px 5px;"><STRONG>Max</STRONG><BR><IMG SRC="../../Images/Blank.gif" HEIGHT="0" WIDTH="70"></DIV>
  500.                                     <DIV STYLE="border:solid #D7D6D6 1px; border-left:0px; border-right:0px;">
  501.                                         <DIV STYLE="border:solid #E2E2E2 1px; border-left:0px; border-right:0px;">
  502.                                             <DIV ALIGN="center" STYLE="background-color:#F6F6F6; padding:3px 5px 3px 5px; border-bottom:solid #EDECEC 1px; border-right:solid #EDECEC 1px;"><SPAN CLASS="WW-TempHigh">[TEMP HIGH DEGREE]</SPAN></DIV>
  503.                                             <DIV ALIGN="center" STYLE="padding:3px 5px 3px 5px; border-bottom:solid #EDECEC 1px; border-right:solid #EDECEC 1px;">---</DIV>
  504.                                             <DIV ALIGN="center" STYLE="background-color:#F6F6F6; padding:3px 5px 3px 5px; border-bottom:solid #EDECEC 1px; border-right:solid #EDECEC 1px;">---</DIV>
  505.                                             <DIV ALIGN="center" STYLE="padding:3px 5px 3px 5px; border-bottom:solid #EDECEC 1px; border-right:solid #EDECEC 1px;"><SPAN CLASS="WW-BarometerHigh">[BAROMETER HIGH PLAIN]</SPAN></DIV>
  506.                                             <DIV ALIGN="center" STYLE="background-color:#F6F6F6; padding:3px 5px 3px 5px; border-bottom:solid #EDECEC 1px; border-right:solid #EDECEC 1px;"><SPAN CLASS="WW-HumidityHigh">[HUMIDITY HIGH]</SPAN></DIV>
  507.                                             <DIV ALIGN="center" STYLE="padding:3px 5px 3px 5px; border-right:solid #EDECEC 1px;"><SPAN CLASS="WW-WindGustDirection">[WIND GUST DIRECTION]</SPAN> <SPAN CLASS="WW-WindGust">[WIND GUST PLAIN]</SPAN></DIV>
  508.                                         </DIV>
  509.                                     </DIV>
  510.                                 </DIV>    
  511.                                 <DIV STYLE="float:left;">
  512.                                     <DIV ALIGN="center" STYLE="padding:3px 5px 3px 5px;"><STRONG STYLE="color:#696969;">Rate</STRONG><BR><IMG SRC="../../Images/Blank.gif" HEIGHT="0" WIDTH="70"></DIV>
  513.                                     <DIV STYLE="border:solid #D7D6D6 1px; border-left:0px;">
  514.                                         <DIV STYLE="border:solid #E2E2E2 1px; border-left:0px;">
  515.                                             <DIV ALIGN="center" STYLE="background-color:#F6F6F6; padding:3px 5px 3px 5px; border-bottom:solid #EDECEC 1px;"><SPAN CLASS="WW-TempRate">[TEMP RATE DEGREE]</SPAN>/hr</DIV>
  516.                                             <DIV ALIGN="center" STYLE="padding:3px 5px 3px 5px; border-bottom:solid #EDECEC 1px;">---</DIV>
  517.                                             <DIV ALIGN="center" STYLE="background-color:#F6F6F6; padding:3px 5px 3px 5px; border-bottom:solid #EDECEC 1px;">---</DIV>
  518.                                             <DIV ALIGN="center" STYLE="padding:3px 5px 3px 5px; border-bottom:solid #EDECEC 1px;"><SPAN CLASS="WW-BarometerRate">[BAROMETER RATE PLAIN]</SPAN>/hr</DIV>
  519.                                             <DIV ALIGN="center" STYLE="background-color:#F6F6F6; padding:3px 5px 3px 5px; border-bottom:solid #EDECEC 1px;"><SPAN CLASS="WW-HumidityRate">[HUMIDITY RATE]</SPAN>/hr</DIV>
  520.                                             <DIV ALIGN="center" STYLE="padding:3px 5px 3px 5px;">---</DIV>
  521.                                         </DIV>
  522.                                     </DIV>
  523.                                 </DIV>    
  524.                             </DIV>
  525.                         </TD>
  526.                     </TR>
  527.                     </TABLE>        
  528.                 </DIV>    
  529.             </DIV>
  530.         </DIV>
  531.         
  532.         
  533.         <DIV ID="WW-Hour-View" STYLE="display:none; z-index:1; position:absolute; bottom:expression(pnHeight+32+'px'); padding-top: 66px; padding-left:31px; padding-right:11px; height:100%; width:100%;">
  534.             <DIV STYLE="height:100%; overflow:auto;">
  535.                 <DIV CLASS="WW-AlertBanner" STYLE="display:none; width:100%;" ONMOUSEDOWN="setRunAction('ShowAlerts');"><DIV CLASS="WW-AlertBannerText" STYLE="float:left; border-top:solid #880E0E 2px; background-color:#BF1616; padding:4px 5px 4px 5px; color:#F8F1F1; cursor:url('../../Cursors/Icon.cur'), default; font:bold;"></DIV><DIV STYLE="float:left; border-top:solid #880E0E 2px; background-color:BF1616; cursor:url('../../Cursors/Icon.cur'), default; background:url(../../Images/AlertBannerEnd.gif) no-repeat; height:24px; width:10px;"></DIV></DIV>
  536.                 <DIV CLASS="WW-Station-Name" STYLE="color:#FFF; float:left; border-top:solid 1px #787870; border-left:solid 1px #787870; background-color:#97978E; padding:2px 30px 6px 10px;  background: #97978E url('../../Images/LocationCorner.gif') no-repeat bottom right;"></DIV>
  537.                 <DIV STYLE="float:right; padding:5px 5px 0px 0px;"><IMG CLASS="PNG" SRC="../../Images/WeatherBug.png" WIDTH="27" HEIGHT="29" ALT="WeatherBug" STYLE="cursor:url('../../Cursors/Icon.cur'), default;" ONDRAG="return false" ONMOUSEDOWN="setRunAction('LaunchWeatherBug');"></DIV>
  538.                 <DIV STYLE="padding:38px 3px 0px 3px;">
  539.                 <DIV STYLE="background: url('../../Images/HourlyBack.gif') repeat-x; padding:8px;">                                                </DIV>
  540.                 </DIV>
  541.                 <DIV STYLE="padding-top:15px;">
  542.                     <DIV CLASS="WW-Updated-Replaced" STYLE="padding:8px 0px 10px 45px; background-color:#EFEFEF; border:solid 1px #E1E0E0; color:#6E6E6E;"></DIV>
  543.                 </DIV>
  544.             </DIV>
  545.         </DIV>
  546.         
  547.         <DIV ID="WW-Day-View" STYLE="display:none; z-index:1; position:absolute; bottom:expression(pnHeight+32+'px'); padding-top: 66px; padding-left:31px; padding-right:11px; height:100%; width:100%;">
  548.             <DIV STYLE="height:100%; overflow:auto;">
  549.                 <DIV CLASS="WW-AlertBanner" STYLE="display:none; width:100%;" ONMOUSEDOWN="setRunAction('ShowAlerts');"><DIV CLASS="WW-AlertBannerText" STYLE="float:left; border-top:solid #880E0E 2px; background-color:#BF1616; padding:4px 5px 4px 5px; color:#F8F1F1; cursor:url('../../Cursors/Icon.cur'), default; font:bold;"></DIV><DIV STYLE="float:left; border-top:solid #880E0E 2px; background-color:BF1616; cursor:url('../../Cursors/Icon.cur'), default; background:url(../../Images/AlertBannerEnd.gif) no-repeat; height:24px; width:10px;"></DIV></DIV>
  550.                 <DIV CLASS="WW-Station-Name" STYLE="color:#FFF; float:left; border-top:solid 1px #787870; border-left:solid 1px #787870; background-color:#97978E; padding:2px 30px 6px 10px; cursor:url('../../Cursors/Icon.cur'), default; background: #97978E url('../../Images/LocationCorner.gif') no-repeat bottom right;" ONMOUSEDOWN="setRunAction('ShowStationMenu');"></DIV>
  551.                 <DIV STYLE="float:right; padding:5px 5px 0px 0px;"><IMG CLASS="PNG" SRC="../../Images/WeatherBug.png" WIDTH="27" HEIGHT="29" ALT="WeatherBug" STYLE="cursor:url('../../Cursors/Icon.cur'), default;" ONDRAG="return false" ONMOUSEDOWN="setRunAction('LaunchWeatherBug');"></DIV>
  552.                 <DIV STYLE="padding:38px 3px 0px 3px;">
  553.                     [DAILY LOOP COUNT=*]
  554.                         [TEMPLATE]
  555.                             <DIV STYLE="background: url('../../Images/DailyBack2.gif') repeat-x; padding:8px; border-top:solid #EFD99B 1px;">
  556.                                 <TABLE>
  557.                                 <TR>
  558.                                     <TD ROWSPAN="2" VALIGN="top" STYLE="padding-right:5px;"><DIV STYLE="border:solid 1px #CCC;"><IMG SRC="[DAILY ICON DAY]" STYLE="border:solid 2px #FFF; background-color:#FFF;"></DIV></TD>
  559.                                     <TD VALIGN="top" STYLE="font-size:12px; width:200px; line-height:15px;">
  560.                                         <STRONG STYLE="color:#262626;">[DAILY DAY]</STRONG> [DAILY DATE]<BR>
  561.                                         <STRONG STYLE="color:#3E6D91;">[DAILY CONDITION DAY]</STRONG><BR>
  562.                                     </TD>
  563.                                     <TD VALIGN="top" STYLE="font-size:12px; width:140px; line-height:15px;">
  564.                                         <STRONG STYLE="color:#64A1D0;">High:</STRONG> [DAILY HI]<BR>
  565.                                         <STRONG STYLE="color:#64A1D0;">Low:</STRONG> [DAILY LO]<BR>
  566.                                         <STRONG STYLE="color:#64A1D0;">Precipitation:</STRONG> [DAILY PRECIPITATION DAY]<BR>
  567.                                     </TD>
  568.                                     <TD VALIGN="top" STYLE="font-size:12px; line-height:15px;">
  569.                                         <STRONG STYLE="color:#64A1D0;">Sunrise:</STRONG> [DAILY SUNRISE AMPM]<BR>
  570.                                         <STRONG STYLE="color:#64A1D0;">Sunset:</STRONG> [DAILY SUNSET AMPM]<BR>
  571.                                     </TD>
  572.                                 </TR>
  573.                                 <TR>
  574.                                     <TD COLSPAN="3" STYLE="font-size:12px; line-height:15px; padding-top:6px; width:465px;">
  575.                                         [DAILY PREDICTION DAY]<BR>
  576.                                     </TD>
  577.                                 </TR>
  578.                                 </TABLE>        
  579.                             </DIV>
  580.                         [/TEMPLATE]        
  581.                     [/DAILY LOOP]
  582.                 </DIV>
  583.                 <DIV STYLE="padding-top:20px;">
  584.                     <DIV STYLE="border-top:solid #D7D6D6 1px;">
  585.                         <DIV CLASS="WW-Updated-Replaced" STYLE="padding:8px 0px 10px 45px; background-color:#EFEFEF; border:solid 1px #E1E0E0; color:#6E6E6E;"></DIV>
  586.                     </DIV>
  587.                 </DIV>
  588.             </DIV>
  589.         </DIV>
  590.                                 
  591.         <DIV ID="WW-ResizeWindow" STYLE="position:absolute; z-index:100; padding:0px 3px 3px 0px; cursor:se-resize; width:20px; height:20px; bottom:expression(pnHeight+'px'); right:expression(pnWidth+'px');" ONMOUSEDOWN="setRunAction('WindowResize');"><DIV STYLE="height:100%; width:100%; background: url('../../Images/Resizer.gif') no-repeat bottom right;"></DIV></DIV>
  592.         <DIV ID="WW-ProgressBar" STYLE="position:absolute; z-index:400; border:solid #ABABAB 1px; display:none; width:300px; height:34px; top:expression(this.parentNode.offsetHeight/2-17+'px'); left:expression(this.parentNode.offsetWidth/2-150+'px');"><DIV STYLE="padding:1px; height:100%; border:solid #DBDBDB 1px; background-color:#FFF;"><DIV STYLE="background-color:#D3E4E9; height:100%;"><DIV ID="WW-ProgressBarColor" STYLE="width:50%; height:100%; border:solid #427886 1px; background-color:#4A8797;"></DIV></DIV></DIV></DIV>
  593.     </DIV>
  594.     </DIV>    
  595.         
  596.         
  597.     <!-- Bottom Links -->
  598.     <DIV ID="WW-NewsMenu" STYLE="background-color:#F8F8F8; position:absolute; z-index:900; left:81px; bottom:expression(pnHeight+26+'px'); border:solid 1px #A39A89; display:none;" ONMOUSEOVER="newsMenuOpen=true;" ONMOUSEOUT="newsMenuOpen=false; closeMenu('WW-NewsMenu');">
  599.         <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default; font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF'; newsMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; newsMenuOpen=false; closeMenu('WW-NewsMenu');" ONMOUSEDOWN="newsMenuOpen=false; closeMenu('WW-NewsMenu',true); setRunAction('LaunchTopStories');">Top Stories</DIV>
  600.         <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF'; newsMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; newsMenuOpen=false; closeMenu('WW-NewsMenu');" ONMOUSEDOWN="newsMenuOpen=false; closeMenu('WW-NewsMenu',true); setRunAction('LaunchNewsArchives');">News Archives</DIV>
  601.         </SPAN>
  602.     </DIV>
  603.  
  604.     <DIV ID="WW-HealthMenu" STYLE="background-color:#F8F8F8; position:absolute; z-index:900; left:132px; bottom:expression(pnHeight+26+'px'); border:solid 1px #A39A89; display:none;" ONMOUSEOVER="healthMenuOpen=true;" ONMOUSEOUT="healthMenuOpen=false; closeMenu('WW-HealthMenu');">
  605.         <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default; font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF'; healthMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; healthMenuOpen=false; closeMenu('WW-HealthMenu');" ONMOUSEDOWN="healthMenuOpen=false; closeMenu('WW-HealthMenu',true); setRunAction('LaunchAirQuality');">Air Quality</DIV>
  606.         <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF'; healthMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; healthMenuOpen=false; closeMenu('WW-HealthMenu');" ONMOUSEDOWN="healthMenuOpen=false; closeMenu('WW-HealthMenu',true); setRunAction('LaunchPollenCount');">Pollen Count</DIV>
  607.         <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF'; healthMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; healthMenuOpen=false; closeMenu('WW-HealthMenu');" ONMOUSEDOWN="healthMenuOpen=false; closeMenu('WW-HealthMenu',true); setRunAction('LaunchUVIndex');">UV Index</DIV>
  608.         </SPAN>
  609.     </DIV>
  610.  
  611.     <DIV ID="WW-VideosMenu" STYLE="background-color:#F8F8F8; position:absolute; z-index:900; left:195px; bottom:expression(pnHeight+26+'px'); border:solid 1px #A39A89; display:none;" ONMOUSEOVER="videosMenuOpen=true;" ONMOUSEOUT="videosMenuOpen=false; closeMenu('WW-VideosMenu');">
  612.         <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default; font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF'; videosMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; videosMenuOpen=false; closeMenu('WW-VideosMenu');" ONMOUSEDOWN="videosMenuOpen=false; closeMenu('WW-VideosMenu',true); setRunAction('LaunchLiveLocalForecast');">Live Local Forecast</DIV>
  613.         <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF'; videosMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; videosMenuOpen=false; closeMenu('WW-VideosMenu');" ONMOUSEDOWN="videosMenuOpen=false; closeMenu('WW-VideosMenu',true); setRunAction('LaunchNationalOutlook');">National Outlook</DIV>
  614.         <DIV STYLE="border: solid 3px #F8F8F8; border-left:solid 7px #F8F8F8; border-right:solid 7px #F8F8F8; background-color:#A39A89;" ONMOUSEOVER="videosMenuOpen=true;"><IMG SRC="../../Images/Blank.gif" WIDTH="0" HEIGHT="1"><BR></DIV>
  615.         <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF'; videosMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; videosMenuOpen=false; closeMenu('WW-VideosMenu');" ONMOUSEDOWN="videosMenuOpen=false; closeMenu('WW-VideosMenu',true); setRunAction('LaunchCommunityVideos');">Community Videos</DIV>
  616.         <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF'; videosMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; videosMenuOpen=false; closeMenu('WW-VideosMenu');" ONMOUSEDOWN="videosMenuOpen=false; closeMenu('WW-VideosMenu',true); setRunAction('LaunchYouCasterVideoForecasts');">youCaster Video Forecasts</DIV>
  617.         </SPAN>
  618.     </DIV>
  619.  
  620.     <DIV ID="WW-PhotosMenu" STYLE="background-color:#F8F8F8; position:absolute; z-index:900; left:258px; bottom:expression(pnHeight+26+'px'); border:solid 1px #A39A89; display:none;" ONMOUSEOVER="photosMenuOpen=true;" ONMOUSEOUT="photosMenuOpen=false; closeMenu('WW-PhotosMenu');">
  621.         <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default; font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF'; photosMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; photosMenuOpen=false; closeMenu('WW-PhotosMenu');" ONMOUSEDOWN="photosMenuOpen=false; closeMenu('WW-PhotosMenu',true); setRunAction('LaunchRecentPhotos');">Recent Photos</DIV>
  622.         <DIV STYLE="border: solid 3px #F8F8F8; border-left:solid 7px #F8F8F8; border-right:solid 7px #F8F8F8; background-color:#A39A89;" ONMOUSEOVER="photosMenuOpen=true;"><IMG SRC="../../Images/Blank.gif" WIDTH="0" HEIGHT="1"><BR></DIV>
  623.         <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF'; photosMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; photosMenuOpen=false; closeMenu('WW-PhotosMenu');" ONMOUSEDOWN="photosMenuOpen=false; closeMenu('WW-PhotosMenu',true); setRunAction('LaunchMostPopularPhotos');">Most Popular Photos</DIV>
  624.         <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF'; photosMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; photosMenuOpen=false; closeMenu('WW-PhotosMenu');" ONMOUSEDOWN="photosMenuOpen=false; closeMenu('WW-PhotosMenu',true); setRunAction('LaunchMostSharedPhotos');">Most Shared Photos</DIV>
  625.         <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF'; photosMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; photosMenuOpen=false; closeMenu('WW-PhotosMenu');" ONMOUSEDOWN="photosMenuOpen=false; closeMenu('WW-PhotosMenu',true); setRunAction('LaunchMostViewedPhotos');">Most Viewed Photos</DIV>
  626.         </SPAN>
  627.     </DIV>
  628.  
  629.     <DIV ID="WW-CamerasMenu" STYLE="background-color:#F8F8F8; position:absolute; z-index:900; left:325px; bottom:expression(pnHeight+26+'px'); border:solid 1px #A39A89; display:none;" ONMOUSEOVER="camerasMenuOpen=true;" ONMOUSEOUT="camerasMenuOpen=false; closeMenu('WW-CamerasMenu');">
  630.         <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default; font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF'; camerasMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; camerasMenuOpen=false; closeMenu('WW-CamerasMenu');" ONMOUSEDOWN="camerasMenuOpen=false; closeMenu('WW-CamerasMenu',true); setRunAction('LaunchLocalCameras');">Local Cameras</DIV>
  631.         <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF';camerasMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; camerasMenuOpen=false; closeMenu('WW-CamerasMenu');" ONMOUSEDOWN="camerasMenuOpen=false; closeMenu('WW-CamerasMenu',true); setRunAction('LaunchLocalCameraMap');">Local Camera Map</DIV>
  632.         <DIV STYLE="border: solid 3px #F8F8F8; border-left:solid 7px #F8F8F8; border-right:solid 7px #F8F8F8; background-color:#A39A89;" ONMOUSEOVER="camerasMenuOpen=true;"><IMG SRC="../../Images/Blank.gif" WIDTH="0" HEIGHT="1"><BR></DIV>
  633.         <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF';camerasMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383';camerasMenuOpen=false; closeMenu('WW-CamerasMenu');" ONMOUSEDOWN="camerasMenuOpen=false; closeMenu('WW-CamerasMenu',true); setRunAction('LaunchFeaturedCameras');">Featured Cameras</DIV>
  634.         <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF';camerasMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383';camerasMenuOpen=false; closeMenu('WW-CamerasMenu');" ONMOUSEDOWN="camerasMenuOpen=false; closeMenu('WW-CamerasMenu',true); setRunAction('LaunchSeasonalCameras');">Seasonal Cameras</DIV>
  635.         <DIV STYLE="border: solid 3px #F8F8F8; border-left:solid 7px #F8F8F8; border-right:solid 7px #F8F8F8; background-color:#A39A89;" ONMOUSEOVER="camerasMenuOpen=true;"><IMG SRC="../../Images/Blank.gif" WIDTH="0" HEIGHT="1"><BR></DIV>
  636.         <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF';camerasMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383';camerasMenuOpen=false; closeMenu('WW-CamerasMenu');" ONMOUSEDOWN="camerasMenuOpen=false; closeMenu('WW-CamerasMenu',true); setRunAction('LaunchBeachCameras');">Beach Cameras</DIV>
  637.         <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF';camerasMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383';camerasMenuOpen=false; closeMenu('WW-CamerasMenu');" ONMOUSEDOWN="camerasMenuOpen=false; closeMenu('WW-CamerasMenu',true); setRunAction('LaunchCityCameras');">City Cameras</DIV>
  638.         <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF';camerasMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383';camerasMenuOpen=false; closeMenu('WW-CamerasMenu');" ONMOUSEDOWN="camerasMenuOpen=false; closeMenu('WW-CamerasMenu',true); setRunAction('LaunchMountainCameras');">Mountain Cameras</DIV>
  639.         <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF';camerasMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383';camerasMenuOpen=false; closeMenu('WW-CamerasMenu');" ONMOUSEDOWN="camerasMenuOpen=false; closeMenu('WW-CamerasMenu',true); setRunAction('LaunchNationalParkCameras');">National Park Cameras</DIV>
  640.         <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF'; camerasMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; camerasMenuOpen=false; closeMenu('WW-CamerasMenu');" ONMOUSEDOWN="camerasMenuOpen=false; closeMenu('WW-CamerasMenu',true); setRunAction('LaunchStadiumCameras');">Stadium Cameras</DIV>
  641.         </SPAN>
  642.     </DIV>
  643.     <!-- Bottom Links -->    
  644.         
  645.         
  646.     <DIV ID="WW-IsInternational" STYLE="display:none;">[IS INTERNATIONAL]</DIV>
  647.     <DIV ID="WW-RunScript" STYLE="display:none;"></DIV>
  648.     <DIV ID="WW-RunScriptRT" STYLE="display:none;"></DIV>
  649.     <DIV ID="WW-RunScriptRTW" STYLE="display:none;"></DIV>
  650.     <DIV ID="WW-RunAction" STYLE="display:none;"></DIV>
  651.     <DIV ID="WW-Link" STYLE="display:none"></DIV>
  652.     <DIV ID="WW-SkinOption1" STYLE="display:none;"></DIV>
  653.     <DIV ID="WW-SkinOption2" STYLE="display:none;"></DIV>
  654.     <DIV ID="WW-SkinOption3" STYLE="display:none;"></DIV>
  655.     <DIV ID="WW-SkinOption4" STYLE="display:none;"></DIV>
  656.     <DIV ID="WW-SkinOption5" CLASS="WW-Skin-MapZoomLevel" STYLE="display:none;"></DIV>
  657.     <IMG ONERROR="updateTemperature('[TEMP]', '[TEMP PLAIN NOT CONVERTED]', '[TEMP HIGH PLAIN NOT CONVERTED]', '[FEELS PLAIN]'); refreshRealtimeWindData('[WIND DEGREES]', '[WIND PLAIN]', '[FEELS PLAIN NOT CONVERTED]');" SRC="#" STYLE="display:none;">
  658.  
  659.     <DIV ID="WW-AlertInfo" STYLE="display:none;">[ALERTS INFO]</DIV>
  660.     <DIV ID="WW-Barometer" STYLE="display:none;">[BAROMETER PLAIN NOT CONVERTED]</DIV>
  661.     <DIV ID="WW-Barometer-Text" STYLE="display:none;">[BAROMETER]</DIV>
  662.     <DIV ID="WW-Barometer-Plain-Text" STYLE="display:none;">[BAROMETER PLAIN]</DIV>
  663.     <DIV ID="WW-Barometer-Rate" STYLE="display:none;">[BAROMETER RATE]</DIV>
  664.  
  665.     <DIV ID="WW-Station-Source" STYLE="display:none;">[STATION]</DIV>
  666.     <DIV ID="WW-Updated-Source" STYLE="display:none;">[UPDATED]</DIV>
  667.     
  668.     <DIV ID="WW-Skin-Path" STYLE="display:none;">[SKIN PATH SLASH]</DIV> 
  669. </BODY>
  670.  
  671. </HTML>